html, body{font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;}

/* 使用vue */
/* [v-cloak]{display: none} */

/* input placehodel的样式 */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:#999999;font-size: 13px;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#999999;font-size: 13px;}
::-moz-placeholder { /* Mozilla Firefox 19+ */   color:#999999;font-size: 13px;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:#999999;font-size: 13px;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}

/*css为clearfix，清除浮动*/
/* .clearfix::before, .clearfix::after {content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1; /*IE/7/6*/} */
.visibily-hidden{visibility: hidden;position: absolute;top: 0;left: 0;opacity: 0;}

/* 文本溢出处理 */
.text-elips-1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-elips-2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-elips-3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.text-elips-4 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.text-elips-5 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

/* 处理图片展示 */
.img-widthFix{width: 100%;height: auto;vertical-align: top;object-fit: cover;}
.img-heightFix{width: auto;height: 100%;vertical-align: top;object-fit: cover;}
.img-cover{width: 100%;height: 100%;vertical-align: top;object-fit: cover;}
.img-fill{width: 100%;height: 100%;vertical-align: top;object-fit: fill;}
.img-contain{width: 100%;height: 100%;vertical-align: top;object-fit: contain;}
.img-none{width: 100%;height: 100%;vertical-align: top;object-fit: none;}
.img-scaleDown{width: 100%;height: 100%;vertical-align: top;object-fit: scale-down;}

/*初始化浏览器滚动条样式*/
html, body, .content, .el-dialog__body{scroll-behavior:smooth}
body::-webkit-scrollbar-track-piece,.content::-webkit-scrollbar-track-piece, .el-dialog__body::-webkit-scrollbar-track-piece {background-color:transparent;}
body::-webkit-scrollbar,.content::-webkit-scrollbar, .el-dialog__body::-webkit-scrollbar {width:6px;height:6px;}
body::-webkit-scrollbar-thumb,.content::-webkit-scrollbar-thumb, .el-dialog__body::-webkit-scrollbar-thumb {background-color:#CCCCCC;background-clip:padding-box;border:none;min-height:28px;border-radius: 10px;}
body::-webkit-scrollbar-thumb:hover,.content::-webkit-scrollbar-thumb:hover, .el-dialog__body::-webkit-scrollbar-thumb:hover {border:none;background-color:#bbbbbb;}


/* 颜色 */
.color-blue{color: #0880f7;}
.color-purple{color: #335aff;}
.color-skyblue{color: #03b1ed;}
.color-yellow{color: #f98b1c;}
.color-green{color: #1cb073;}
.color-orange{color: #f8742c;}
.color-F86363{color: #F86363;}
.theme-color{color: #00BCD4;}
.color-666{color: #666666;}
.color-white{color: #ffffff;}

.bg-blue-8DC0E2{background: #8DC0E2;}
.bg-blue-light{background: #65CBD8;}
.bg-green-light{background: #7DCBAB;}
.bg-orange-light{background: #F2B081;}
.bg-orange-FF9C00{background: #FF9C00;}
.bg-blue{background: #0880f7;}
.bg-purple{background: #335aff;}
.bg-1C99EF{background: #1C99EF;}
.bg-skyblue{background: #03b1ed;}
.bg-EF87BB{background: #EF87BB;}
.bg-50C7F7{background: #50C7F7;}
.bg-yellow{background: #f98b1c;}
.bg-green{background: #1cb073;}
.bg-orange{background: #f8742c;}
.bg-theme{background: #00BCD4;}
.bg-red{background: #EC2828;}

/* 按钮颜色 */
.btn_plan-theme{border: 1px solid #00BCD4;color: #00BCD4;border-radius: 4px;}
.btn_plan-theme:hover{color: #00BCD4;}

.btn_plan-white{border: 1px solid #ffffff;color: #333333;border-radius: 4px;}
.btn_plan-default{border: 1px solid #dcdfe6;color: #606266;border-radius: 4px;}
.btn_plan-default:hover{color: #606266;}

.btn_plan-gray{border: 1px solid #b3b3b3;color: #999999;border-radius: 4px;}
.btn_plan-gray:hover{color: #999999;}
.btn_plan-F86363{border: 1px solid #F86363;color: #F86363;border-radius: 4px;}
.btn_plan-F86363:hover{color: #F86363;}

.btn-theme{border: 1px solid #00BCD4;color: #ffffff;background: #00BCD4;border-radius: 4px;}


/* 分页样式 */

.theme-pagination{text-align: center;background:#fff;padding-top:40px;padding-bottom:45px;}
.theme-pagination a,.theme-pagination span{width:36px;height:36px;border:1px solid #eeeeee;color:#333333;text-align: center;line-height: 34px;
  display: inline-block;margin-right:6px;font-size:14px;
}
.theme-pagination a.next i,.theme-pagination a.pre i{position: relative;top:3px;border:none;}
.theme-pagination a, .theme-pagination span, .theme-pagination .pagination>li>a, .theme-pagination .pagination>li>span{color: #00BCD4;}
.theme-pagination a.active, .theme-pagination span.active, .theme-pagination li.active span, .theme-pagination .pagination>li:hover>span{background:#00BCD4;color:#fff;border-color: #00BCD4;}